<template>
  <div>
    父组件<br />
    <hr />
    <my-dialog>
      <!-- 标题(新的语法，一定要使用template包裹) -->
      <!-- <template v-slpt:title> -->
      <!-- v-slot:可以简写成# -->
      <template #title>
        <h3>新增用户</h3>
      </template>
      <!-- 中间的部分 -->
      <!-- <form>
          用户名：<input /><br />
          密码：<input /><br />
          <button>登录</button>
          </form>-->
      <template #default>
        <form>
          用户名1:<input /><br />
          密码1:<input /><br />
          <button>登录1</button>
        </form>
      </template>
      <!-- 底部部分(旧的语法) -->
      <span slot="footer">
        <el-button>取消</el-button>
        <el-button type="danger">删除</el-button>
        <el-button type="primary">确定</el-button>
      </span>
    </my-dialog>
  </div>
</template>
<script>
import MyDialog from './MyDialog'
export default {
  components: {
    MyDialog
  }
}
</script>
